<template>
  <div class="mytask">
    <h2>任务名称</h2>
    <p>跑腿</p>
    <p>任务内容</p>
    <p>跑腿费</p>
    <p>发起时间</p>
    <button>放弃任务</button>
  </div>
</template>

<script>
export default {
  name: "MyTask",
};
</script>

<style lang="scss" scoped>
.mytask {
 
  width: 900px;
  height: 400px;
  border: 1px solid red;
}
</style>